<template>
    <div>
        <h1>的龙岗路</h1>
        账号：<input type="text" v-model="info.userName"><br/>
        密码：<input type="text" v-model="info.userPwd"><br/>
        <input type="button" value="登录" @click="login">
    </div>
</template>

<script setup lang="ts">
import { ref,reactive } from 'vue';


//v-model 双向绑定 一般用于表单元素 目的是获取表单元素的value值
//双向绑定：数据变 视图变 视图变 数据变
//v-bind 单向绑定
//Vuefsdsdfw
let info = reactive({
    userName:'zhangsan',
    userPwd:'123456',
})

const login=()=>{
    alert("userName:"+info.userName+"userPwd:"+info.userPwd)

}
</script>

<style scoped>

</style>